.order_box{
	position: relative;
}
.order_bg{
	width: 100%;
    height: 1000rpx;
    background: linear-gradient(to bottom, #48CCC4, #fff);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.order_body{
	position: relative;
	z-index: 10;
	padding: 100rpx 30rpx 40rpx;
}
.order_status{
	height: 140rpx;
	font-size: 32rpx;
	color: #FFFFFF;
	font-weight: bold;
}
.order_status_img{
	width: 58rpx;
	height: 58rpx;
	margin-right: 10rpx;
}
.order_line{
	width: 100%;
	height: 20rpx;
	background-color: #049952;
	border-radius: 10rpx;
}
.order_main{
	padding: 0 10rpx;
	margin: -10rpx 0 0;
	position: relative;
	z-index: 11;
}
.order_main>image {
	width: 698rpx;
	height: 890rpx;
}
.order_content{
	position: absolute;
	top: 60rpx;
}
.order_header{
	position: relative;
	padding: 0 40rpx;
	position: relative;
	gap: 20rpx;
}
.order_title{
	font-size: 30rpx;
	color: #000000;
	font-weight: bold;
	width: 400rpx;
}
.order_label{
	font-size: 24rpx;
	color: #FFFFFF;
	padding: 0 10rpx;
	min-width: 96rpx;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	margin: 0 0 0 16rpx;
	border-radius: 20rpx 20rpx 20rpx 0;
	background-color: #6CBE49;
}
.order_dot1{
	position: absolute;
	width: 20rpx;
	height: 20rpx;
	background-color: #008f70;
	border-radius: 50%;
	bottom: -10rpx;
	left: -10rpx;
}
.order_dot2{
	position: absolute;
	width: 20rpx;
	height: 20rpx;
	background-color: #008f70;
	border-radius: 50%;
	bottom: -10rpx;
	right: -10rpx;
}
.order_b{
	padding: 40rpx;
}
.order_location{
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 24rpx;
	color: #666666;
}
.order_location_img{
	width: 20rpx;
	height: 25rpx;
	margin: 0 10rpx 0 0;
}
.order_location_text{
	font-size: 24rpx;
	color: #333333;
}
.order_location_map{
	font-size: 24rpx;
	color: #40a186;
	margin-left: 20rpx;
}
.order_step_l{
	margin-right: 16rpx;
}
.order_step_dot{
	width: 20rpx;
	height: 20rpx;
	border-radius: 50%;
	background-color: #dbdbdb;
}
.order_step_dot1,.order_step_line1{
	background-color: #008F70;
}
.order_step_line{
	width: 2rpx;
	height: 120rpx;
	background-color: #dbdbdb;
}
.order_step_r{
	width: 560rpx;
}
.order_step_item{
	min-height: 140rpx;
}
.order_step_title{
	font-size: 28rpx;
	font-weight: bold;
	line-height: 30rpx;
	margin-bottom: 10rpx;
	color: #333333;
}
.order_step_title1{
	color: #008F70;
}
.order_step_text{
	font-size: 24rpx;
	color: #999999;
	line-height: 36rpx;
}
.order_step_code{
	width: 300rpx;
	height: 300rpx;
	margin: 20rpx 0 0;
}

.order_btn{
	width: 100%;
	height: 88rpx;
	margin: 50rpx auto;
	text-align: center;
	line-height: 88rpx;
	font-size: 30rpx;
	color: #FFFFFF;
	background-color: #008F70;
	border-radius: 10rpx;
}

.title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 44rpx;
	color: #FFFFFF;
}

.view_option {
	gap: 10rpx;
}

.view_option_item{
	padding: 0 16rpx;
	height: 40rpx;
	line-height: 40rpx;
	border-radius: 6rpx;
	font-size: 22rpx;
	color: #F48E33;
	background-color: #fff;
	border: 1rpx solid #F48E33;
}

.cardtype {
	 border-radius: 4rpx;
	 font-family: Source Han Sans CN;
	 font-weight: 400;
	 font-size: 22rpx;
	 color: #FFFFFF;
	 padding: 0 10rpx;
	 /* margin-left: 10rpx; */
	 height: 36rpx;
	 line-height: 36rpx;
 }
 
 .cardtype2 {
	 background: linear-gradient(135deg, #CAAF64, #E6D9A0);
	
 }

 .cardtype1 {
	background: #4FC3AD;
 }

.typetagimg {
	width: 26rpx;
	height: 22rpx;
}

.line {
	width: 610rpx;
	height: 2rpx;
	background: #EEEEEE;
	margin: 20rpx auto 0;
}

.card_title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 28rpx;
	color: #333333;
}

.pass {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 22rpx;
	color: #4BD0C8;
}

.order_card {
	padding: 0 50rpx;
	margin-top: 20rpx;
}

.time {
	height: 18rpx;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 24rpx;
	color: #999999;
}

.dis {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 22rpx;
	color: #4BD0C8;
}

.method {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 28rpx;
	color: #333333;
	margin-top: 80rpx;
	gap: 20rpx;
}

.goHome {
	width: 300rpx;
	height: 78rpx;
	background: #FFFFFF;
	border-radius: 39rpx;
	border: 2px solid #05B9AE;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 32rpx;
	line-height: 78rpx;
	color: #05B9AE;
	text-align: center;
}

.navigation {
	width: 300rpx;
	height: 78rpx;
	background: #05B9AE;
	border-radius: 39rpx;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 32rpx;
	color: #FFFFFF;
	line-height: 78rpx;
	text-align: center;
}

.footer_box {
	margin-top: 400rpx;
}